<div xmlns:ext="http://www.extjs.com" class="body-wrap"><div class="inheritance res-block"><pre class="res-block-inner"><a href="output/Ext.calendar.CalendarView.html" ext:member="" ext:cls="Ext.calendar.CalendarView">CalendarView</a>
  <img src="resources/elbow-end.gif"><a href="output/Ext.calendar.MonthView.html" ext:member="" ext:cls="Ext.calendar.MonthView">MonthView</a>
    <img src="resources/elbow-end.gif">DayHeaderView</pre></div><h1>Class <a href="source/DayHeaderView.html#cls-Ext.calendar.DayHeaderView">Ext.calendar.DayHeaderView</a></h1><table cellspacing="0"><tr><td class="label">Package:</td><td class="hd-info">Ext.calendar</td></tr><tr><td class="label">Defined In:</td><td class="hd-info"><a href="source/DayHeaderView.html#cls-Ext.calendar.DayHeaderView">DayHeaderView.js</a></td></tr><tr><td class="label">Class:</td><td class="hd-info"><a href="source/DayHeaderView.html#cls-Ext.calendar.DayHeaderView">DayHeaderView</a></td></tr><tr><td class="label">Extends:</td><td class="hd-info"><a href="output/Ext.calendar.MonthView.html" ext:cls="Ext.calendar.MonthView" ext:member="">MonthView</a></td></tr></table><div class="description"><p>This is the header area container within the day and week views where all-day events are displayed.
Normally you should not need to use this class directly -- instead you should use <a href="output/Ext.calendar.DayView.html" ext:cls="Ext.calendar.DayView">DayView</a>
which aggregates this class and the <a href="output/Ext.calendar.DayBodyView.html" ext:cls="Ext.calendar.DayBodyView">DayBodyView</a> into the single unified view
presented by <a href="output/Ext.calendar.CalendarPanel.html" ext:cls="Ext.calendar.CalendarPanel">CalendarPanel</a>.</p></div><div class="hr"></div><a id="Ext.calendar.DayHeaderView-configs"></a><h2>Config Options</h2><table cellspacing="0" class="member-table"><tbody><tr><th colspan="2" class="sig-header">Config Options</th><th class="msource-header">Defined By</th></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.calendar.CalendarView-ddCreateEventText"></a><b><a href="source/CalendarView.html#cfg-Ext.calendar.CalendarView-ddCreateEventText">ddCreateEventText</a></b> : String<div class="mdesc"><div class="short">The text to display inside the drag proxy while dragging over the calendar to create a new event (defaults to &#13;
'Crea...</div><div class="long">The text to display inside the drag proxy while dragging over the calendar to create a new event (defaults to 
'Create event for {0}' where {0} is a date range supplied by the view)</div></div></td><td class="msource"><a href="output/Ext.calendar.CalendarView.html#ddCreateEventText" ext:member="#ddCreateEventText" ext:cls="Ext.calendar.CalendarView">CalendarView</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.calendar.CalendarView-ddMoveEventText"></a><b><a href="source/CalendarView.html#cfg-Ext.calendar.CalendarView-ddMoveEventText">ddMoveEventText</a></b> : String<div class="mdesc"><div class="short">The text to display inside the drag proxy while dragging an event to reposition it (defaults to &#13;
'Move event to {0}'...</div><div class="long">The text to display inside the drag proxy while dragging an event to reposition it (defaults to 
'Move event to {0}' where {0} is the updated event start date/time supplied by the view)</div></div></td><td class="msource"><a href="output/Ext.calendar.CalendarView.html#ddMoveEventText" ext:member="#ddMoveEventText" ext:cls="Ext.calendar.CalendarView">CalendarView</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.calendar.CalendarView-ddResizeEventText"></a><b><a href="source/CalendarView.html#cfg-Ext.calendar.CalendarView-ddResizeEventText">ddResizeEventText</a></b> : String<div class="mdesc"><div class="short">The string displayed to the user in the drag proxy while dragging the resize handle of an event (defaults to &#13;
'Updat...</div><div class="long">The string displayed to the user in the drag proxy while dragging the resize handle of an event (defaults to 
'Update event to {0}' where {0} is the updated event start-end range supplied by the view). Note that 
this text is only used in views
that allow resizing of events.</div></div></td><td class="msource"><a href="output/Ext.calendar.CalendarView.html#ddResizeEventText" ext:member="#ddResizeEventText" ext:cls="Ext.calendar.CalendarView">CalendarView</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.calendar.CalendarView-enableAddFx"></a><b><a href="source/CalendarView.html#cfg-Ext.calendar.CalendarView-enableAddFx">enableAddFx</a></b> : Boolean<div class="mdesc"><div class="short">True to enable a visual effect on adding a new event (the default), false to disable it. Note that if &#13;
enableFx is f...</div><div class="long">True to enable a visual effect on adding a new event (the default), false to disable it. Note that if 
<a href="output/Ext.calendar.CalendarView.html#Ext.calendar.CalendarView-enableFx" ext:member="enableFx" ext:cls="Ext.calendar.CalendarView">enableFx</a> is false it will override this value. The specific effect that runs is defined in the
<a href="output/Ext.calendar.CalendarView.html#Ext.calendar.CalendarView-doAddFx" ext:member="doAddFx" ext:cls="Ext.calendar.CalendarView">doAddFx</a> method.</div></div></td><td class="msource"><a href="output/Ext.calendar.CalendarView.html#enableAddFx" ext:member="#enableAddFx" ext:cls="Ext.calendar.CalendarView">CalendarView</a></td></tr><tr class="config-row  inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.calendar.CalendarView-enableDD"></a><b><a href="source/CalendarView.html#cfg-Ext.calendar.CalendarView-enableDD">enableDD</a></b> : Boolean<div class="mdesc">True to enable drag and drop in the calendar view (the default), false to disable it</div></td><td class="msource"><a href="output/Ext.calendar.CalendarView.html#enableDD" ext:member="#enableDD" ext:cls="Ext.calendar.CalendarView">CalendarView</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.calendar.CalendarView-enableFx"></a><b><a href="source/CalendarView.html#cfg-Ext.calendar.CalendarView-enableFx">enableFx</a></b> : Boolean<div class="mdesc"><div class="short">Determines whether or not visual effects for CRUD actions are enabled (defaults to true). If this is false&#13;
it will o...</div><div class="long">Determines whether or not visual effects for CRUD actions are enabled (defaults to true). If this is false
it will override any values for <a href="output/Ext.calendar.CalendarView.html#Ext.calendar.CalendarView-enableAddFx" ext:member="enableAddFx" ext:cls="Ext.calendar.CalendarView">enableAddFx</a>, <a href="output/Ext.calendar.CalendarView.html#Ext.calendar.CalendarView-enableUpdateFx" ext:member="enableUpdateFx" ext:cls="Ext.calendar.CalendarView">enableUpdateFx</a> or <a href="output/enableRemoveFx.html" ext:cls="enableRemoveFx">enableRemoveFx</a> and
all animations will be disabled.</div></div></td><td class="msource"><a href="output/Ext.calendar.CalendarView.html#enableFx" ext:member="#enableFx" ext:cls="Ext.calendar.CalendarView">CalendarView</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.calendar.CalendarView-enableRemoveFx"></a><b><a href="source/CalendarView.html#cfg-Ext.calendar.CalendarView-enableRemoveFx">enableRemoveFx</a></b> : Boolean<div class="mdesc"><div class="short">True to enable a visual effect on removing an event (the default), false to disable it. Note that if &#13;
enableFx is fa...</div><div class="long">True to enable a visual effect on removing an event (the default), false to disable it. Note that if 
<a href="output/Ext.calendar.CalendarView.html#Ext.calendar.CalendarView-enableFx" ext:member="enableFx" ext:cls="Ext.calendar.CalendarView">enableFx</a> is false it will override this value. The specific effect that runs is defined in the
<a href="output/Ext.calendar.CalendarView.html#Ext.calendar.CalendarView-doRemoveFx" ext:member="doRemoveFx" ext:cls="Ext.calendar.CalendarView">doRemoveFx</a> method.</div></div></td><td class="msource"><a href="output/Ext.calendar.CalendarView.html#enableRemoveFx" ext:member="#enableRemoveFx" ext:cls="Ext.calendar.CalendarView">CalendarView</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.calendar.CalendarView-enableUpdateFx"></a><b><a href="source/CalendarView.html#cfg-Ext.calendar.CalendarView-enableUpdateFx">enableUpdateFx</a></b> : Boolean<div class="mdesc"><div class="short">True to enable a visual effect on updating an event, false to disable it (the default). Note that if &#13;
enableFx is fa...</div><div class="long">True to enable a visual effect on updating an event, false to disable it (the default). Note that if 
<a href="output/Ext.calendar.CalendarView.html#Ext.calendar.CalendarView-enableFx" ext:member="enableFx" ext:cls="Ext.calendar.CalendarView">enableFx</a> is false it will override this value. The specific effect that runs is defined in the
<a href="output/Ext.calendar.CalendarView.html#Ext.calendar.CalendarView-doUpdateFx" ext:member="doUpdateFx" ext:cls="Ext.calendar.CalendarView">doUpdateFx</a> method.</div></div></td><td class="msource"><a href="output/Ext.calendar.CalendarView.html#enableUpdateFx" ext:member="#enableUpdateFx" ext:cls="Ext.calendar.CalendarView">CalendarView</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.calendar.CalendarView-monitorResize"></a><b><a href="source/CalendarView.html#cfg-Ext.calendar.CalendarView-monitorResize">monitorResize</a></b> : Boolean<div class="mdesc"><div class="short">True to monitor the browser's resize event (the default), false to ignore it. If the calendar view is rendered&#13;
into ...</div><div class="long">True to monitor the browser's resize event (the default), false to ignore it. If the calendar view is rendered
into a fixed-size container this can be set to false. However, if the view can change dimensions (e.g., it's in 
fit layout in a viewport or some other resizable container) it is very important that this config is true so that
any resize event propagates properly to all subcomponents and layouts get recalculated properly.</div></div></td><td class="msource"><a href="output/Ext.calendar.CalendarView.html#monitorResize" ext:member="#monitorResize" ext:cls="Ext.calendar.CalendarView">CalendarView</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.calendar.MonthView-showHeader"></a><b><a href="source/MonthView.html#cfg-Ext.calendar.MonthView-showHeader">showHeader</a></b> : Boolean<div class="mdesc"><div class="short">True to display a header beneath the navigation bar containing the week names above each week's column, false not to ...</div><div class="long">True to display a header beneath the navigation bar containing the week names above each week's column, false not to 
show it and instead display the week names in the first row of days in the calendar (defaults to false).</div></div></td><td class="msource"><a href="output/Ext.calendar.MonthView.html#showHeader" ext:member="#showHeader" ext:cls="Ext.calendar.MonthView">MonthView</a></td></tr><tr class="config-row  inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.calendar.MonthView-showTime"></a><b><a href="source/MonthView.html#cfg-Ext.calendar.MonthView-showTime">showTime</a></b> : Boolean<div class="mdesc">True to display the current time in today's box in the calendar, false to not display it (defautls to true)</div></td><td class="msource"><a href="output/Ext.calendar.MonthView.html#showTime" ext:member="#showTime" ext:cls="Ext.calendar.MonthView">MonthView</a></td></tr><tr class="config-row  inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.calendar.MonthView-showTodayText"></a><b><a href="source/MonthView.html#cfg-Ext.calendar.MonthView-showTodayText">showTodayText</a></b> : Boolean<div class="mdesc">True to display the <a href="output/Ext.calendar.MonthView.html#Ext.calendar.MonthView-todayText" ext:member="todayText" ext:cls="Ext.calendar.MonthView">todayText</a> string in today's box in the calendar, false to not display it (defautls to true)</div></td><td class="msource"><a href="output/Ext.calendar.MonthView.html#showTodayText" ext:member="#showTodayText" ext:cls="Ext.calendar.MonthView">MonthView</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.calendar.MonthView-showWeekLinks"></a><b><a href="source/MonthView.html#cfg-Ext.calendar.MonthView-showWeekLinks">showWeekLinks</a></b> : Boolean<div class="mdesc"><div class="short">True to display an extra column before the first day in the calendar that links to the view&#13;
for each individual week...</div><div class="long">True to display an extra column before the first day in the calendar that links to the <a href="output/Ext.calendar.WeekView.html" ext:cls="Ext.calendar.WeekView">view</a>
for each individual week, false to not show it (defaults to false). If true, the week links can also contain the week 
number depending on the value of <a href="output/Ext.calendar.MonthView.html#Ext.calendar.MonthView-showWeekNumbers" ext:member="showWeekNumbers" ext:cls="Ext.calendar.MonthView">showWeekNumbers</a>.</div></div></td><td class="msource"><a href="output/Ext.calendar.MonthView.html#showWeekLinks" ext:member="#showWeekLinks" ext:cls="Ext.calendar.MonthView">MonthView</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.calendar.MonthView-showWeekNumbers"></a><b><a href="source/MonthView.html#cfg-Ext.calendar.MonthView-showWeekNumbers">showWeekNumbers</a></b> : Boolean<div class="mdesc"><div class="short">True to show the week number for each week in the calendar in the week link column, false to show nothing (defaults t...</div><div class="long">True to show the week number for each week in the calendar in the week link column, false to show nothing (defaults to false).
Note that if <a href="output/Ext.calendar.MonthView.html#Ext.calendar.MonthView-showWeekLinks" ext:member="showWeekLinks" ext:cls="Ext.calendar.MonthView">showWeekLinks</a> is false this config will have no affect even if true.</div></div></td><td class="msource"><a href="output/Ext.calendar.MonthView.html#showWeekNumbers" ext:member="#showWeekNumbers" ext:cls="Ext.calendar.MonthView">MonthView</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.calendar.CalendarView-spansHavePriority"></a><b><a href="source/CalendarView.html#cfg-Ext.calendar.CalendarView-spansHavePriority">spansHavePriority</a></b> : Boolean<div class="mdesc"><div class="short">Allows switching between two different modes of rendering events that span multiple days. When true,&#13;
span events are...</div><div class="long">Allows switching between two different modes of rendering events that span multiple days. When true,
span events are always sorted first, possibly at the expense of start dates being out of order (e.g., 
a span event that starts at 11am one day and spans into the next day would display before a non-spanning 
event that starts at 10am, even though they would not be in date order). This can lead to more compact
layouts when there are many overlapping events. If false (the default), events will always sort by start date
first which can result in a less compact, but chronologically consistent layout.</div></div></td><td class="msource"><a href="output/Ext.calendar.CalendarView.html#spansHavePriority" ext:member="#spansHavePriority" ext:cls="Ext.calendar.CalendarView">CalendarView</a></td></tr><tr class="config-row  inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.calendar.CalendarView-startDay"></a><b><a href="source/CalendarView.html#cfg-Ext.calendar.CalendarView-startDay">startDay</a></b> : Number<div class="mdesc">The 0-based index for the day on which the calendar week begins (0=Sunday, which is the default)</div></td><td class="msource"><a href="output/Ext.calendar.CalendarView.html#startDay" ext:member="#startDay" ext:cls="Ext.calendar.CalendarView">CalendarView</a></td></tr><tr class="config-row  inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.calendar.MonthView-todayText"></a><b><a href="source/MonthView.html#cfg-Ext.calendar.MonthView-todayText">todayText</a></b> : String<div class="mdesc">The text to display in the current day's box in the calendar when <a href="output/Ext.calendar.MonthView.html#Ext.calendar.MonthView-showTodayText" ext:member="showTodayText" ext:cls="Ext.calendar.MonthView">showTodayText</a> is true (defaults to 'Today')</div></td><td class="msource"><a href="output/Ext.calendar.MonthView.html#todayText" ext:member="#todayText" ext:cls="Ext.calendar.MonthView">MonthView</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.calendar.CalendarView-trackMouseOver"></a><b><a href="source/CalendarView.html#cfg-Ext.calendar.CalendarView-trackMouseOver">trackMouseOver</a></b> : Boolean<div class="mdesc"><div class="short">Whether or not the view tracks and responds to the browser mouseover event on contained elements (defaults to&#13;
true)....</div><div class="long">Whether or not the view tracks and responds to the browser mouseover event on contained elements (defaults to
true). If you don't need mouseover event highlighting you can disable this.</div></div></td><td class="msource"><a href="output/Ext.calendar.CalendarView.html#trackMouseOver" ext:member="#trackMouseOver" ext:cls="Ext.calendar.CalendarView">CalendarView</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.calendar.MonthView-weekLinkOverClass"></a><b><a href="source/MonthView.html#cfg-Ext.calendar.MonthView-weekLinkOverClass">weekLinkOverClass</a></b> : String<div class="mdesc"><div class="short">The CSS class name applied when the mouse moves over a week link element (only applies when showWeekLinks is true,&#13;
d...</div><div class="long">The CSS class name applied when the mouse moves over a week link element (only applies when <a href="output/Ext.calendar.MonthView.html#Ext.calendar.MonthView-showWeekLinks" ext:member="showWeekLinks" ext:cls="Ext.calendar.MonthView">showWeekLinks</a> is true,
defaults to 'ext-week-link-over').</div></div></td><td class="msource"><a href="output/Ext.calendar.MonthView.html#weekLinkOverClass" ext:member="#weekLinkOverClass" ext:cls="Ext.calendar.MonthView">MonthView</a></td></tr></tbody></table><a id="Ext.calendar.DayHeaderView-props"></a><h2>Public Properties</h2><div class="no-members">This class has no public properties.</div><a id="Ext.calendar.DayHeaderView-methods"></a><h2>Public Methods</h2><table cellspacing="0" class="member-table"><tbody><tr><th colspan="2" class="sig-header">Method</th><th class="msource-header">Defined By</th></tr><tr class="method-row expandable"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.calendar.DayHeaderView-DayHeaderView"></a><b class="constructor"><a href="source/DayHeaderView.html#cls-Ext.calendar.DayHeaderView">DayHeaderView</a></b><span class="openparen">(&nbsp;</span><span title="Required" class="required">Object&nbsp;config</span><span class="closeparen">&nbsp;)</span><div class="mdesc"><div class="short"></div><div class="long"><div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>config</code> : Object<div class="sub-desc">The config object</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource">DayHeaderView</td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.calendar.CalendarView-getEventBodyMarkup"></a><b class="method"><a href="source/CalendarView.html#method-Ext.calendar.CalendarView-getEventBodyMarkup">getEventBodyMarkup</a></b><span class="openparen">(</span><span class="closeparen">)</span><span class="colon">&nbsp;:&nbsp;</span><span class="return">String</span><div class="mdesc"><div class="short">Returns a string of HTML template markup to be used as the body portion of the event template created&#13;
by getEventTem...</div><div class="long">Returns a string of HTML template markup to be used as the body portion of the event template created
by <a href="output/Ext.calendar.CalendarView.html#Ext.calendar.CalendarView-getEventTemplate" ext:member="getEventTemplate" ext:cls="Ext.calendar.CalendarView">getEventTemplate</a>. This provdes the flexibility to customize what's in the body without
having to override the entire XTemplate. This string can include any valid <a href="output/Ext.Template.html" ext:cls="Ext.Template">Ext.Template</a> code, and
any data tokens accessible to the containing event template can be referenced in this string.<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>String</code><div class="sub-desc">The body template string</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.calendar.CalendarView.html#getEventBodyMarkup" ext:member="#getEventBodyMarkup" ext:cls="Ext.calendar.CalendarView">CalendarView</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.calendar.CalendarView-getEventEls"></a><b class="method"><a href="source/CalendarView.html#method-Ext.calendar.CalendarView-getEventEls">getEventEls</a></b><span class="openparen">(&nbsp;</span><span title="Required" class="required">String&nbsp;eventId</span><span class="closeparen">&nbsp;)</span><span class="colon">&nbsp;:&nbsp;</span><span class="return">Ext.CompositeElement</span><div class="mdesc"><div class="short"></div><div class="long"><div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>eventId</code> : String<div class="sub-desc"></div></li></ul><strong>Returns:</strong><ul><li><code>Ext.CompositeElement</code><div class="sub-desc">The matching CompositeElement of nodes&#13;
that comprise the rendered event.  Any event that spans across a view &#13;
boundary will contain more than one internal Element.</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.calendar.CalendarView.html#getEventEls" ext:member="#getEventEls" ext:cls="Ext.calendar.CalendarView">CalendarView</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.calendar.CalendarView-getEventIdFromEl"></a><b class="method"><a href="source/CalendarView.html#method-Ext.calendar.CalendarView-getEventIdFromEl">getEventIdFromEl</a></b><span class="openparen">(&nbsp;</span><span title="Required" class="required">String/Element/HTMLElement&nbsp;el</span><span class="closeparen">&nbsp;)</span><span class="colon">&nbsp;:&nbsp;</span><span class="return">void</span><div class="mdesc"><div class="short">Retrieve an Event object's id from its corresponding node in the DOM.</div><div class="long">Retrieve an Event object's id from its corresponding node in the DOM.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>el</code> : String/Element/HTMLElement<div class="sub-desc">An <a href="output/Ext.Element.html" ext:cls="Ext.Element">Ext.Element</a>, DOM node or id</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.calendar.CalendarView.html#getEventIdFromEl" ext:member="#getEventIdFromEl" ext:cls="Ext.calendar.CalendarView">CalendarView</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.calendar.CalendarView-getEventSelectorCls"></a><b class="method"><a href="source/CalendarView.html#method-Ext.calendar.CalendarView-getEventSelectorCls">getEventSelectorCls</a></b><span class="openparen">(&nbsp;</span><span title="Required" class="required">String&nbsp;eventId</span><span class="comma">,&nbsp;</span><span title="Required" class="required">Boolean&nbsp;forSelect</span><span class="closeparen">&nbsp;)</span><span class="colon">&nbsp;:&nbsp;</span><span class="return">String</span><div class="mdesc"><div class="short"></div><div class="long"><div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>eventId</code> : String<div class="sub-desc"></div></li><li><code>forSelect</code> : Boolean<div class="sub-desc"></div></li></ul><strong>Returns:</strong><ul><li><code>String</code><div class="sub-desc">The selector class</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.calendar.CalendarView.html#getEventSelectorCls" ext:member="#getEventSelectorCls" ext:cls="Ext.calendar.CalendarView">CalendarView</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.calendar.CalendarView-getEventTemplate"></a><b class="method"><a href="source/CalendarView.html#method-Ext.calendar.CalendarView-getEventTemplate">getEventTemplate</a></b><span class="openparen">(</span><span class="closeparen">)</span><span class="colon">&nbsp;:&nbsp;</span><span class="return">Ext.XTemplate</span><div class="mdesc"><div class="short">Returns the XTemplate that is bound to the calendar's event store (it expects records of type&#13;
Ext.calendar.EventReco...</div><div class="long"><p>Returns the XTemplate that is bound to the calendar's event store (it expects records of type
<a href="output/Ext.calendar.EventRecord.html" ext:cls="Ext.calendar.EventRecord">Ext.calendar.EventRecord</a>) to populate the calendar views with events. Internally this method
by default generates different markup for browsers that support CSS border radius and those that don't.
This method can be overridden as needed to customize the markup generated.</p>
<p>Note that this method calls <a href="output/Ext.calendar.CalendarView.html#Ext.calendar.CalendarView-getEventBodyMarkup" ext:member="getEventBodyMarkup" ext:cls="Ext.calendar.CalendarView">getEventBodyMarkup</a> to retrieve the body markup for events separately
from the surrounding container markup.  This provdes the flexibility to customize what's in the body without
having to override the entire XTemplate. If you do override this method, you should make sure that your 
overridden version also does the same.</p><div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>Ext.XTemplate</code><div class="sub-desc">The event XTemplate</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.calendar.CalendarView.html#getEventTemplate" ext:member="#getEventTemplate" ext:cls="Ext.calendar.CalendarView">CalendarView</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.calendar.CalendarView-getStartDate"></a><b class="method"><a href="source/CalendarView.html#method-Ext.calendar.CalendarView-getStartDate">getStartDate</a></b><span class="openparen">(</span><span class="closeparen">)</span><span class="colon">&nbsp;:&nbsp;</span><span class="return">Date</span><div class="mdesc"><div class="short">Returns the start date of the view, as set by setStartDate. Note that this may not &#13;
be the first date displayed in t...</div><div class="long">Returns the start date of the view, as set by <a href="output/Ext.calendar.CalendarView.html#Ext.calendar.CalendarView-setStartDate" ext:member="setStartDate" ext:cls="Ext.calendar.CalendarView">setStartDate</a>. Note that this may not 
be the first date displayed in the rendered calendar -- to get the start and end dates displayed
to the user use <a href="output/Ext.calendar.CalendarView.html#Ext.calendar.CalendarView-getViewBounds" ext:member="getViewBounds" ext:cls="Ext.calendar.CalendarView">getViewBounds</a>.<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>Date</code><div class="sub-desc">The start date</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.calendar.CalendarView.html#getStartDate" ext:member="#getStartDate" ext:cls="Ext.calendar.CalendarView">CalendarView</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.calendar.CalendarView-highlightEvent"></a><b class="method"><a href="source/CalendarView.html#method-Ext.calendar.CalendarView-highlightEvent">highlightEvent</a></b><span class="openparen">(&nbsp;</span><span title="Required" class="required">Ext.CompositeElement&nbsp;els</span><span class="comma">,&nbsp;</span><span title="Optional" class="optional">[Object&nbsp;color]</span><span class="comma">,&nbsp;</span><span title="Optional" class="optional">[Object&nbsp;o]</span><span class="closeparen">&nbsp;)</span><span class="colon">&nbsp;:&nbsp;</span><span class="return">void</span><div class="mdesc"><div class="short">Visually highlights an event using Ext.Fx.highlight config options.&#13;
If highlightEventActions is false this method wi...</div><div class="long">Visually highlights an event using <a href="output/Ext.Fx.html#Ext.Fx-highlight" ext:member="highlight" ext:cls="Ext.Fx">Ext.Fx.highlight</a> config options.
If <a href="output/Ext.calendar.CalendarView.html#Ext.calendar.CalendarView-highlightEventActions" ext:member="highlightEventActions" ext:cls="Ext.calendar.CalendarView">highlightEventActions</a> is false this method will have no effect.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>els</code> : Ext.CompositeElement<div class="sub-desc">The element(s) to highlight</div></li><li><code>color</code> : Object<div class="sub-desc">(optional) The highlight color. Should be a 6 char hex 
color without the leading # (defaults to yellow: 'ffff9c')</div></li><li><code>o</code> : Object<div class="sub-desc">(optional) Object literal with any of the <a href="output/Ext.Fx.html" ext:cls="Ext.Fx">Ext.Fx</a> config 
options. See <a href="output/Ext.Fx.html#Ext.Fx-highlight" ext:member="highlight" ext:cls="Ext.Fx">Ext.Fx.highlight</a> for usage examples.</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.calendar.CalendarView.html#highlightEvent" ext:member="#highlightEvent" ext:cls="Ext.calendar.CalendarView">CalendarView</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.calendar.CalendarView-isToday"></a><b class="method"><a href="source/CalendarView.html#method-Ext.calendar.CalendarView-isToday">isToday</a></b><span class="openparen">(</span><span class="closeparen">)</span><span class="colon">&nbsp;:&nbsp;</span><span class="return">Boolean</span><div class="mdesc"><div class="short">Returns true if the view is currently displaying today's date, else false.</div><div class="long">Returns true if the view is currently displaying today's date, else false.<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>Boolean</code><div class="sub-desc">True or false</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.calendar.CalendarView.html#isToday" ext:member="#isToday" ext:cls="Ext.calendar.CalendarView">CalendarView</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.calendar.CalendarView-moveDays"></a><b class="method"><a href="source/CalendarView.html#method-Ext.calendar.CalendarView-moveDays">moveDays</a></b><span class="openparen">(&nbsp;</span><span title="Required" class="required">Number&nbsp;value</span><span class="closeparen">&nbsp;)</span><span class="colon">&nbsp;:&nbsp;</span><span class="return">void</span><div class="mdesc"><div class="short">Shifts the view by the passed number of days relative to the currently set date</div><div class="long">Shifts the view by the passed number of days relative to the currently set date<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>value</code> : Number<div class="sub-desc">The number of days (positive or negative) by which to shift the view</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.calendar.CalendarView.html#moveDays" ext:member="#moveDays" ext:cls="Ext.calendar.CalendarView">CalendarView</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.calendar.CalendarView-moveMonths"></a><b class="method"><a href="source/CalendarView.html#method-Ext.calendar.CalendarView-moveMonths">moveMonths</a></b><span class="openparen">(&nbsp;</span><span title="Required" class="required">Number&nbsp;value</span><span class="closeparen">&nbsp;)</span><span class="colon">&nbsp;:&nbsp;</span><span class="return">void</span><div class="mdesc"><div class="short">Shifts the view by the passed number of months relative to the currently set date</div><div class="long">Shifts the view by the passed number of months relative to the currently set date<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>value</code> : Number<div class="sub-desc">The number of months (positive or negative) by which to shift the view</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.calendar.CalendarView.html#moveMonths" ext:member="#moveMonths" ext:cls="Ext.calendar.CalendarView">CalendarView</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.calendar.CalendarView-moveNext"></a><b class="method"><a href="source/CalendarView.html#method-Ext.calendar.CalendarView-moveNext">moveNext</a></b><span class="openparen">(</span><span class="closeparen">)</span><span class="colon">&nbsp;:&nbsp;</span><span class="return">void</span><div class="mdesc"><div class="short">Updates the view to the next consecutive date(s)</div><div class="long">Updates the view to the next consecutive date(s)<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.calendar.CalendarView.html#moveNext" ext:member="#moveNext" ext:cls="Ext.calendar.CalendarView">CalendarView</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.calendar.CalendarView-movePrev"></a><b class="method"><a href="source/CalendarView.html#method-Ext.calendar.CalendarView-movePrev">movePrev</a></b><span class="openparen">(</span><span class="closeparen">)</span><span class="colon">&nbsp;:&nbsp;</span><span class="return">void</span><div class="mdesc"><div class="short">Updates the view to the previous consecutive date(s)</div><div class="long">Updates the view to the previous consecutive date(s)<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.calendar.CalendarView.html#movePrev" ext:member="#movePrev" ext:cls="Ext.calendar.CalendarView">CalendarView</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.calendar.CalendarView-moveTo"></a><b class="method"><a href="source/CalendarView.html#method-Ext.calendar.CalendarView-moveTo">moveTo</a></b><span class="openparen">(&nbsp;</span><span title="Required" class="required">Date&nbsp;dt</span><span class="closeparen">&nbsp;)</span><span class="colon">&nbsp;:&nbsp;</span><span class="return">void</span><div class="mdesc"><div class="short">Updates the view to contain the passed date</div><div class="long">Updates the view to contain the passed date<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>dt</code> : Date<div class="sub-desc">The date to display</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.calendar.CalendarView.html#moveTo" ext:member="#moveTo" ext:cls="Ext.calendar.CalendarView">CalendarView</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.calendar.CalendarView-moveToday"></a><b class="method"><a href="source/CalendarView.html#method-Ext.calendar.CalendarView-moveToday">moveToday</a></b><span class="openparen">(</span><span class="closeparen">)</span><span class="colon">&nbsp;:&nbsp;</span><span class="return">void</span><div class="mdesc"><div class="short">Updates the view to show today</div><div class="long">Updates the view to show today<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.calendar.CalendarView.html#moveToday" ext:member="#moveToday" ext:cls="Ext.calendar.CalendarView">CalendarView</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.calendar.CalendarView-moveWeeks"></a><b class="method"><a href="source/CalendarView.html#method-Ext.calendar.CalendarView-moveWeeks">moveWeeks</a></b><span class="openparen">(&nbsp;</span><span title="Required" class="required">Number&nbsp;value</span><span class="closeparen">&nbsp;)</span><span class="colon">&nbsp;:&nbsp;</span><span class="return">void</span><div class="mdesc"><div class="short">Shifts the view by the passed number of weeks relative to the currently set date</div><div class="long">Shifts the view by the passed number of weeks relative to the currently set date<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>value</code> : Number<div class="sub-desc">The number of weeks (positive or negative) by which to shift the view</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.calendar.CalendarView.html#moveWeeks" ext:member="#moveWeeks" ext:cls="Ext.calendar.CalendarView">CalendarView</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.calendar.CalendarView-setStartDate"></a><b class="method"><a href="source/CalendarView.html#method-Ext.calendar.CalendarView-setStartDate">setStartDate</a></b><span class="openparen">(&nbsp;</span><span title="Required" class="required">Date&nbsp;dt</span><span class="closeparen">&nbsp;)</span><span class="colon">&nbsp;:&nbsp;</span><span class="return">void</span><div class="mdesc"><div class="short">Sets the start date used to calculate the view boundaries to display. The displayed view will be the &#13;
earliest and l...</div><div class="long">Sets the start date used to calculate the view boundaries to display. The displayed view will be the 
earliest and latest dates that match the view requirements and contain the date passed to this function.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>dt</code> : Date<div class="sub-desc">The date used to calculate the new view boundaries</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.calendar.CalendarView.html#setStartDate" ext:member="#setStartDate" ext:cls="Ext.calendar.CalendarView">CalendarView</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.calendar.CalendarView-setStore"></a><b class="method"><a href="source/CalendarView.html#method-Ext.calendar.CalendarView-setStore">setStore</a></b><span class="openparen">(&nbsp;</span><span title="Required" class="required">Ext.data.Store&nbsp;store</span><span class="closeparen">&nbsp;)</span><span class="colon">&nbsp;:&nbsp;</span><span class="return">void</span><div class="mdesc"><div class="short">Sets the event store used by the calendar to display events.</div><div class="long">Sets the event store used by the calendar to display <a href="output/Ext.calendar.EventRecord.html" ext:cls="Ext.calendar.EventRecord">events</a>.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>store</code> : Ext.data.Store<div class="sub-desc"></div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.calendar.CalendarView.html#setStore" ext:member="#setStore" ext:cls="Ext.calendar.CalendarView">CalendarView</a></td></tr></tbody></table><a id="Ext.calendar.DayHeaderView-events"></a><h2>Public Events</h2><table cellspacing="0" class="member-table"><tbody><tr><th colspan="2" class="sig-header">Event</th><th class="msource-header">Defined By</th></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.calendar.CalendarView-datechange"></a><b class="event"><a href="source/CalendarView.html#event-Ext.calendar.CalendarView-datechange">datechange</a></b><span class="colon">&nbsp;:&nbsp;</span><span class="openparen">(&nbsp;</span><span title="Required" class="required">Ext.calendar.CalendarView&nbsp;this</span><span class="comma">,&nbsp;</span><span title="Required" class="required">Date&nbsp;startDate</span><span class="comma">,&nbsp;</span><span title="Required" class="required">Date&nbsp;viewStart</span><span class="comma">,&nbsp;</span><span title="Required" class="required">Date&nbsp;viewEnd</span><span class="closeparen">&nbsp;)</span><span>&nbsp;</span><div class="mdesc"><div class="short">Fires after the start date of the view changes</div><div class="long">Fires after the start date of the view changes<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Ext.calendar.CalendarView<div class="sub-desc"></div></li><li><code>startDate</code> : Date<div class="sub-desc">The start date of the view (as explained in <a href="output/Ext.calendar.CalendarView.html#Ext.calendar.CalendarView-getStartDate" ext:member="getStartDate" ext:cls="Ext.calendar.CalendarView">getStartDate</a></div></li><li><code>viewStart</code> : Date<div class="sub-desc">The first displayed date in the view</div></li><li><code>viewEnd</code> : Date<div class="sub-desc">The last displayed date in the view</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.calendar.CalendarView.html#datechange" ext:member="#datechange" ext:cls="Ext.calendar.CalendarView">CalendarView</a></td></tr><tr class="method-row expandable "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.calendar.DayHeaderView-dayclick"></a><b class="event"><a href="source/DayHeaderView.html#event-Ext.calendar.DayHeaderView-dayclick">dayclick</a></b><span class="colon">&nbsp;:&nbsp;</span><span class="openparen">(&nbsp;</span><span title="Required" class="required">Ext.calendar.DayBodyView&nbsp;this</span><span class="comma">,&nbsp;</span><span title="Required" class="required">Date&nbsp;dt</span><span class="comma">,&nbsp;</span><span title="Required" class="required">Boolean&nbsp;allday</span><span class="comma">,&nbsp;</span><span title="Required" class="required">Ext.Element&nbsp;el</span><span class="closeparen">&nbsp;)</span><span>&nbsp;</span><div class="mdesc"><div class="short">Fires after the user clicks within the day view container and not on an event element</div><div class="long">Fires after the user clicks within the day view container and not on an event element<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Ext.calendar.DayBodyView<div class="sub-desc"></div></li><li><code>dt</code> : Date<div class="sub-desc">The date/time that was clicked on</div></li><li><code>allday</code> : Boolean<div class="sub-desc">True if the day clicked on represents an all-day box, else false. Clicks within the 
DayHeaderView always return true for this param.</div></li><li><code>el</code> : Ext.Element<div class="sub-desc">The Element that was clicked on</div></li></ul></div></div></div></td><td class="msource">DayHeaderView</td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.calendar.CalendarView-dayout"></a><b class="event"><a href="source/CalendarView.html#event-Ext.calendar.CalendarView-dayout">dayout</a></b><span class="colon">&nbsp;:&nbsp;</span><span class="openparen">(&nbsp;</span><span title="Required" class="required">Ext.calendar.CalendarView&nbsp;this</span><span class="comma">,&nbsp;</span><span title="Required" class="required">Date&nbsp;dt</span><span class="comma">,&nbsp;</span><span title="Required" class="required">Ext.Element&nbsp;el</span><span class="closeparen">&nbsp;)</span><span>&nbsp;</span><div class="mdesc"><div class="short">Fires when the mouse exits a day element</div><div class="long">Fires when the mouse exits a day element<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Ext.calendar.CalendarView<div class="sub-desc"></div></li><li><code>dt</code> : Date<div class="sub-desc">The date that is exited</div></li><li><code>el</code> : Ext.Element<div class="sub-desc">The day Element that is exited</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.calendar.CalendarView.html#dayout" ext:member="#dayout" ext:cls="Ext.calendar.CalendarView">CalendarView</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.calendar.CalendarView-dayover"></a><b class="event"><a href="source/CalendarView.html#event-Ext.calendar.CalendarView-dayover">dayover</a></b><span class="colon">&nbsp;:&nbsp;</span><span class="openparen">(&nbsp;</span><span title="Required" class="required">Ext.calendar.CalendarView&nbsp;this</span><span class="comma">,&nbsp;</span><span title="Required" class="required">Date&nbsp;dt</span><span class="comma">,&nbsp;</span><span title="Required" class="required">Ext.Element&nbsp;el</span><span class="closeparen">&nbsp;)</span><span>&nbsp;</span><div class="mdesc"><div class="short">Fires while the mouse is over a day element</div><div class="long">Fires while the mouse is over a day element<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Ext.calendar.CalendarView<div class="sub-desc"></div></li><li><code>dt</code> : Date<div class="sub-desc">The date that is being moused over</div></li><li><code>el</code> : Ext.Element<div class="sub-desc">The day Element that is being moused over</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.calendar.CalendarView.html#dayover" ext:member="#dayover" ext:cls="Ext.calendar.CalendarView">CalendarView</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.calendar.CalendarView-eventclick"></a><b class="event"><a href="source/CalendarView.html#event-Ext.calendar.CalendarView-eventclick">eventclick</a></b><span class="colon">&nbsp;:&nbsp;</span><span class="openparen">(&nbsp;</span><span title="Required" class="required">Ext.calendar.CalendarView&nbsp;this</span><span class="comma">,&nbsp;</span><span title="Required" class="required">Ext.calendar.EventRecord&nbsp;rec</span><span class="comma">,&nbsp;</span><span title="Required" class="required">HTMLNode&nbsp;el</span><span class="closeparen">&nbsp;)</span><span>&nbsp;</span><div class="mdesc"><div class="short">Fires after the user clicks on an event element</div><div class="long">Fires after the user clicks on an event element<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Ext.calendar.CalendarView<div class="sub-desc"></div></li><li><code>rec</code> : Ext.calendar.EventRecord<div class="sub-desc">The <a href="output/Ext.calendar.EventRecord.html" ext:cls="Ext.calendar.EventRecord">record</a> for the event that was clicked on</div></li><li><code>el</code> : HTMLNode<div class="sub-desc">The DOM node that was clicked on</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.calendar.CalendarView.html#eventclick" ext:member="#eventclick" ext:cls="Ext.calendar.CalendarView">CalendarView</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.calendar.CalendarView-eventmove"></a><b class="event"><a href="source/CalendarView.html#event-Ext.calendar.CalendarView-eventmove">eventmove</a></b><span class="colon">&nbsp;:&nbsp;</span><span class="openparen">(&nbsp;</span><span title="Required" class="required">Ext.calendar.CalendarView&nbsp;this</span><span class="comma">,&nbsp;</span><span title="Required" class="required">Ext.calendar.EventRecord&nbsp;rec</span><span class="closeparen">&nbsp;)</span><span>&nbsp;</span><div class="mdesc"><div class="short">Fires after an event element is dragged by the user and dropped in a new position</div><div class="long">Fires after an event element is dragged by the user and dropped in a new position<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Ext.calendar.CalendarView<div class="sub-desc"></div></li><li><code>rec</code> : Ext.calendar.EventRecord<div class="sub-desc">The <a href="output/Ext.calendar.EventRecord.html" ext:cls="Ext.calendar.EventRecord">record</a> for the event that was moved with
updated start and end dates</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.calendar.CalendarView.html#eventmove" ext:member="#eventmove" ext:cls="Ext.calendar.CalendarView">CalendarView</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.calendar.CalendarView-eventout"></a><b class="event"><a href="source/CalendarView.html#event-Ext.calendar.CalendarView-eventout">eventout</a></b><span class="colon">&nbsp;:&nbsp;</span><span class="openparen">(&nbsp;</span><span title="Required" class="required">Ext.calendar.CalendarView&nbsp;this</span><span class="comma">,&nbsp;</span><span title="Required" class="required">Ext.calendar.EventRecord&nbsp;rec</span><span class="comma">,&nbsp;</span><span title="Required" class="required">HTMLNode&nbsp;el</span><span class="closeparen">&nbsp;)</span><span>&nbsp;</span><div class="mdesc"><div class="short">Fires anytime the mouse exits an event element</div><div class="long">Fires anytime the mouse exits an event element<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Ext.calendar.CalendarView<div class="sub-desc"></div></li><li><code>rec</code> : Ext.calendar.EventRecord<div class="sub-desc">The <a href="output/Ext.calendar.EventRecord.html" ext:cls="Ext.calendar.EventRecord">record</a> for the event that the cursor exited</div></li><li><code>el</code> : HTMLNode<div class="sub-desc">The DOM node that was exited</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.calendar.CalendarView.html#eventout" ext:member="#eventout" ext:cls="Ext.calendar.CalendarView">CalendarView</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.calendar.CalendarView-eventover"></a><b class="event"><a href="source/CalendarView.html#event-Ext.calendar.CalendarView-eventover">eventover</a></b><span class="colon">&nbsp;:&nbsp;</span><span class="openparen">(&nbsp;</span><span title="Required" class="required">Ext.calendar.CalendarView&nbsp;this</span><span class="comma">,&nbsp;</span><span title="Required" class="required">Ext.calendar.EventRecord&nbsp;rec</span><span class="comma">,&nbsp;</span><span title="Required" class="required">HTMLNode&nbsp;el</span><span class="closeparen">&nbsp;)</span><span>&nbsp;</span><div class="mdesc"><div class="short">Fires anytime the mouse is over an event element</div><div class="long">Fires anytime the mouse is over an event element<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Ext.calendar.CalendarView<div class="sub-desc"></div></li><li><code>rec</code> : Ext.calendar.EventRecord<div class="sub-desc">The <a href="output/Ext.calendar.EventRecord.html" ext:cls="Ext.calendar.EventRecord">record</a> for the event that the cursor is over</div></li><li><code>el</code> : HTMLNode<div class="sub-desc">The DOM node that is being moused over</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.calendar.CalendarView.html#eventover" ext:member="#eventover" ext:cls="Ext.calendar.CalendarView">CalendarView</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.calendar.CalendarView-eventsrendered"></a><b class="event"><a href="source/CalendarView.html#event-Ext.calendar.CalendarView-eventsrendered">eventsrendered</a></b><span class="colon">&nbsp;:&nbsp;</span><span class="openparen">(&nbsp;</span><span title="Required" class="required">Ext.calendar.CalendarView&nbsp;this</span><span class="closeparen">&nbsp;)</span><span>&nbsp;</span><div class="mdesc"><div class="short">Fires after events are finished rendering in the view</div><div class="long">Fires after events are finished rendering in the view<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Ext.calendar.CalendarView<div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.calendar.CalendarView.html#eventsrendered" ext:member="#eventsrendered" ext:cls="Ext.calendar.CalendarView">CalendarView</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.calendar.CalendarView-initdrag"></a><b class="event"><a href="source/CalendarView.html#event-Ext.calendar.CalendarView-initdrag">initdrag</a></b><span class="colon">&nbsp;:&nbsp;</span><span class="openparen">(&nbsp;</span><span title="Required" class="required">Ext.calendar.CalendarView&nbsp;this</span><span class="closeparen">&nbsp;)</span><span>&nbsp;</span><div class="mdesc"><div class="short">Fires when a drag operation is initiated in the view</div><div class="long">Fires when a drag operation is initiated in the view<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Ext.calendar.CalendarView<div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.calendar.CalendarView.html#initdrag" ext:member="#initdrag" ext:cls="Ext.calendar.CalendarView">CalendarView</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.calendar.CalendarView-rangeselect"></a><b class="event"><a href="source/CalendarView.html#event-Ext.calendar.CalendarView-rangeselect">rangeselect</a></b><span class="colon">&nbsp;:&nbsp;</span><span class="openparen">(&nbsp;</span><span title="Required" class="required">Ext.calendar.CalendarView&nbsp;this</span><span class="comma">,&nbsp;</span><span title="Required" class="required">Object&nbsp;dates</span><span class="comma">,&nbsp;</span><span title="Required" class="required">Function&nbsp;callback</span><span class="closeparen">&nbsp;)</span><span>&nbsp;</span><div class="mdesc"><div class="short">Fires after the user drags on the calendar to select a range of dates/times in which to create an event</div><div class="long">Fires after the user drags on the calendar to select a range of dates/times in which to create an event<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Ext.calendar.CalendarView<div class="sub-desc"></div></li><li><code>dates</code> : Object<div class="sub-desc">An object containing the start (StartDate property) and end (EndDate property) dates selected</div></li><li><code>callback</code> : Function<div class="sub-desc">A callback function that MUST be called after the event handling is complete so that
the view is properly cleaned up (shim elements are persisted in the view while the user is prompted to handle the
range selection). The callback is already created in the proper scope, so it simply needs to be executed as a standard
function call (e.g., callback()).</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.calendar.CalendarView.html#rangeselect" ext:member="#rangeselect" ext:cls="Ext.calendar.CalendarView">CalendarView</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.calendar.MonthView-weekclick"></a><b class="event"><a href="source/MonthView.html#event-Ext.calendar.MonthView-weekclick">weekclick</a></b><span class="colon">&nbsp;:&nbsp;</span><span class="openparen">(&nbsp;</span><span title="Required" class="required">Ext.calendar.MonthView&nbsp;this</span><span class="comma">,&nbsp;</span><span title="Required" class="required">Date&nbsp;dt</span><span class="closeparen">&nbsp;)</span><span>&nbsp;</span><div class="mdesc"><div class="short">Fires after the user clicks within a week link (when #showWeekLinks is true)</div><div class="long">Fires after the user clicks within a week link (when #showWeekLinks is true)<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Ext.calendar.MonthView<div class="sub-desc"></div></li><li><code>dt</code> : Date<div class="sub-desc">The start date of the week that was clicked on</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.calendar.MonthView.html#weekclick" ext:member="#weekclick" ext:cls="Ext.calendar.MonthView">MonthView</a></td></tr></tbody></table></div>